<!doctype html>
<html lang="">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" href="/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Vite App</title>
  </head>
  <body>
    <div id="app"></div>
    <script>
      ;(function () { var e = null, t = null; window.LD = { init: function () { var e = document.createElement('div'), t = document.createElement('style'), n = '.loading{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(255,255,255,.4);display:flex;justify-content:center;align-items:center;z-index:99999;opacity:1}.loading.hidden{animation:fadeout 0.25s ease forwards}.loading span{width:6px;height:20px;margin:0 4px;border-radius:4px;background-color:#2072ff;animation:load 0.75s ease infinite}.loading span:nth-of-type(2){animation-delay:0.15s}.loading span:nth-of-type(3){animation-delay:0.3s}.loading span:nth-of-type(4){animation-delay:0.45s}.loading span:nth-of-type(5){animation-delay:0.6s}@keyframes load{0%,100%{height:20px}50%{height:40px}}@keyframes fadeout{99%{opacity:0;visibility:visible}100%{visibility:hidden;opacity:0}}', o = ''; return ((e.className = 'loading'), (e.id = 'J_loading'), (e.innerHTML = '<span></span><span></span><span></span><span></span><span></span>'), (t.type = 'text/css'), t.styleSheet ? (t.styleSheet.cssText = n) : t.appendChild(document.createTextNode(n)), document.getElementsByTagName('head')[0].appendChild(t), document.getElementsByTagName('body')[0].appendChild(e), e); }, show: function () { var e = document.getElementById('J_loading') || this.init(); e && (e.classList.remove('hidden'), clearTimeout(t), (t = setTimeout(function () { e.classList.add('hidden'); }, 3e4))); }, hide: function () { var e = document.getElementById('J_loading') || this.init(); e && (clearTimeout(t), e.classList.add('hidden')); } }; window.LD.show(); })(); // prettier-ignore
    </script>
    <script type="module" src="/src/main.ts"></script>
  </body>
</html>
